<template>
    <div>
        <h2>{{$route.query.name}}</h2>
        <p>{{$route.query.content1}}</p>
        <img :src="$route.query.pic1" alt="" />
        <p>{{$route.query.content2}}</p>
        <img :src="$route.query.pic2" alt="" />
        <p>{{$route.query.content3}}</p>
        <img :src="$route.query.pic3" alt="" />
    </div>
</template>

<script>
export default {
    data () {
        return {}
    }
}
</script>

<style  scoped>
  p{
    width: 600px;
    text-indent: 2em;
   }
   img{
    width: 600px;
    height: 300px;
   }
</style>